<template>
	<view class="bor">
		<view class="left-rad"></view>
		<view class="center-bg">
			<view class="bg" v-for="count in 35" :key="count"></view>
		</view>
		<view class="right-rad"></view>
	</view>
</template>

<script>
</script>

<style scoped>
	.bor{
		width: 100%;
		height: 20rpx;
		display: flex;
	}
	.left-rad{
		border-radius: 0 100rpx 100rpx 0;
		background-color: #F2F3F4;
		height: 20rpx;
		width: 10rpx;
		/* float: left; */
	}
	.right-rad{
		border-radius: 100rpx 0 0 100rpx;
		background-color: #F2F3F4;
		height: 20rpx;
		width: 10rpx;
		/* float: right; */
	}
	.center-bg{
		width: 90%;
		height: 20rpx;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.bg{
		width: 10rpx;
		height: 5rpx;
		background-color: #F2F3F4;
		margin: 0 5rpx;
	}
	
</style>